<!--
 * @Author: luo jp luojp@novots.com
 * @Date: 2022-10-10 16:48:43
 * @LastEditors: luo jp luojp@novots.com
 * @LastEditTime: 2022-10-11 16:47:46
 * @FilePath: \hdl-manage-new\src\components\Common\Breadcrumb.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 面包屑 -->
<template>
  <div class="breadcrumb">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item v-for="item in matchedArr" :to="{path:item.path}" :key="item.path">{{item.meta.title}}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  mounted() {

  },
  computed: {
    //路由信息
    matchedArr: function () {
      return this.$route.matched;
    }
  }
}
</script>
<style lang="scss" scoped>

</style>